<script setup>
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import LangSwitch from './components/LangSwitch.vue';
</script>

<template>
  <header class="common-header">
    <div class="logo">
      <h1>{{ $t('message.welcome') }}</h1>
    </div>
  <LangSwitch class="right"> 

  </LangSwitch>
  </header>
  <!-- <div class="wrapper">
      {{ $t('zzd.Creater') }}
      {{ $t('zzd.CrDate') }}
      {{ $t('zzd.BuDate') }}
      {{ $t('zzd.Abstract') }}
    </div> -->

  <RouterView />
</template>

<style scoped>
.common-header {
  /* padding-left: 50px; */
  padding: 10px;
  background-color: rgb(187, 187, 209);
  height:60px;
  display: flex;
  align-items: start;
  justify-content: flex-start;
}
.right {
  margin-left: auto;
}
</style>
